body{margin: 0;padding: 0;}
.cal_bg{
		position:fixed;
		width:100%;
		height:100%;
		background:#000;
		opacity:.5;
		z-index:99;
		top:0;
		left:0;
		display:none;
	}
	.calender{
		position:absolute;
		width:100%;
		/*
		line-height:300px;
		*/
		overflow:hidden;
		height:300px;
		cursor:pointer;
		z-index:999;
		background:#000;
		color:#fff;
		font-weight:bolder;
		top:50%;		
		font-size:15px;
		font-family:Arial;
		display:none;		
		border:2px solid #fff;
		border-radius:6px;
		-moz-box-shadow:2px 2px 5px #333333; 
		-webkit-box-shadow:2px 2px 5px #333333;
		box-shadow:2px 2px 5px #333333;
		
	}
	.cal_btn{
		height:50px;
		line-height:50px;
		text-align:left;
		border:1px solid #ccc;
		background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#000000), to(#FAFAFA), color-stop(0.5,#7C798A));
		background:-moz-linear-gradient(0% 0% 270deg, #000000,#FAFAFA, #7C798A 50%);
	}
	.cal_btn_finish{
		height:35px;		
		width:80px;
		margin-top:10px;		
		float: right;
		margin-right: 20px;
		background:#ccc;
		border:none;
		border:1px solid none;
	}
	.calender_container{
		overflow:hidden;
		height:250px;
		background: #fff;
	}
	.cal_container{
		width:100%;
		margin:0 auto;
		border: 1px solid #ccc;
		height:50px;
		/*
		overflow:hidden;
		min-width:300px;
		overflow:hidden;*/
	}
	.calender ul{
		list-style:none;		
		line-height:50px;
		margin:0;
		padding:0;
		float:left;
		min-width:50px;
		text-align:center;
		overflow:hidden;		
		color:#000;
	}
	.calender ul li{
		width:100%;
		margin:0 2px;
		height:50px;
	}
	.cal_year{
		
	}
	.cal_month{
		
	}
		
	.cal_day{
		
	}
	.cal_hour{
		
	}
	.cal_minitus{
		
	}
	.cal_second{
		
	}